<div class="layui-fluid z-main">
    <div class="layui-row">
        <div class="layui-col-md4">
            <div class="layui-btn-container">
                <button type="button" class="layui-btn layui-btn-sm layui-btn-disabled" disabled="" id="save">保存</button>
                <button type="button" class="layui-btn layui-btn-sm" id="addParent">新增一级菜单</button>
            </div>
            <div id="navDemo">
            </div>
        </div>
        <div class="layui-col-md8">
            <table class="layui-table">
                <caption class="t-left pad-lr-20">
                    <ol>
                        <li style="list-style:decimal;">后台权限以菜单节点划分</li>
                        <li style="list-style:decimal;">App为对应的App应用目录</li>
                        <li style="list-style:decimal;">Controller为对应的控制器文件名称</li>
                        <li style="list-style:decimal;">Action为对应的方法名称</li>
                        <li style="list-style:decimal;">App+Controller+Action为三级权限，若路径为空，则以“/App/Controller/Action”作为路径</li>
                        <li style="list-style:decimal;">鼠标移动至节点上显示节点操作按钮，可进行删除、上下移动操作，系统节点不可删除，左键点击节点名称即可编辑</li>
                        <li style="list-style:decimal;">操作节点后请务必保存！操作节点后请务必保存！操作节点后请务必保存！</li>
                    </ol>
                </caption>
                <colgroup>
                    <col width="150">
                    <col>
                </colgroup>
                <thead>
                    <tr>
                        <th>类型</th>
                        <th>说明</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>菜单节点</td>
                        <td>仅供欣赏的菜单节点；若节点类非菜单节点，则子菜单节点在实际面板中均不显示</td>
                    </tr>
                    <tr>
                        <td>打开模块</td>
                        <td>在面板中以iframe的方式打开模块</td>
                    </tr>
                    <tr>
                        <td>跳转链接</td>
                        <td>以_self的方式跳转链接</td>
                    </tr>
                    <tr>
                        <td>新窗口打开链接</td>
                        <td>以_target的方式跳转链接</td>
                    </tr>
                </tbody>
            </table>
            <form class="layui-form layui-form-pane hide" method="post" id="navForm">
                <input type="hidden" name="level_1" value="0">
                <input type="hidden" name="level_2" value="0">
                <input type="hidden" name="level_3" value="0">
                <div class="layui-form-item">
                    <label class="layui-form-label">级别</label>
                    <div class="layui-input-inline">
                        <input id="level" disabled="" readonly="" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-inline">
                        <input required lay-verify="required" name="title" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">状态</label>
                    <div class="layui-input-inline">
                        <input type="radio" name="available" id="available_1" value="1" title="显示">
                        <input type="radio" name="available" id="available_0" value="0" title="隐藏">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-inline">
                        <select name="type">
                            <option value="0">菜单节点</option>
                            <option value="1">打开模块</option>
                            <option value="3">跳转链接</option>
                            <option value="4">新窗口打开链接</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">App</label>
                    <div class="layui-input-inline">
                        <input name="app" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Controller</label>
                    <div class="layui-input-inline">
                        <input name="controller" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Action</label>
                    <div class="layui-input-inline">
                        <input name="action" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">路径</label>
                    <div class="layui-input-block">
                        <input name="url" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <button lay-submit lay-filter="saveNode" class="layui-btn">保存</button>
            </form>
        </div>
    </div>
</div>